#img-list-show-container {
  padding: 0.625rem 0.3125rem;
  margin: 0.625rem;
  background-color: #fff;
  border-radius: 0.625rem;
  .img-list-show-header {
    display: flex;
    justify-content: space-between;
    .title {
      flex: 1;
      font-size: 1rem;
      font-weight: 700;
    }
    .detail-btn {
      font-size: 20px;
      border-radius: 1.875rem;
      border: none;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }
  .img-list {
    display: flex;
    overflow-y: auto;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    .item-container {
      display: flex;
      flex-direction: column;
      margin-left: 0.5rem;
      position: relative;
      margin-right: 15px;
      .playCount {
        display: flex;
        position: absolute;
        align-items: center;
        padding: 0 0.3125rem;
        top: 0.1875rem;
        right: 0.1875rem;
        font-size: 0.875rem;
        color: #ffffff;
        border-radius: 0.3125rem;
        background-color: rgba($color: #000000, $alpha: 0.3);
      }
      .img {
        width: 6.25rem;
        height: 6.25rem;
        border-radius: 0.625rem;
        background: #e0e0e0;
        box-shadow: 0.375rem 0.375rem 0.75rem #bebebe,
          -0.375rem -0.375rem 0.75rem #ffffff;
      }
      .name {
        margin-top: 0.3125rem;
        width: 6.25rem;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
      }
    }
  }
}
